<%-- 
    Document   : detail
    Created on : Jun 29, 2011, 3:50:31 PM
    Author     : ThanhTrung
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fn" uri="/WEB-INF/tlds/get_product.tld" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <jsp:include page="head.jsp" />
    </head>
    <body>
        <%
                    if (request.getParameter("productId") == null) {
        %>
        <jsp:forward page="index.jsp" />
        <%                    }
        %>
        
        <div id="main_container">
            <jsp:include flush="true" page="header.jsp" />
            <div id="main_content">
                <jsp:include flush="true" page="menutab.jsp" />
                <!-- end of menu tab -->
                <jsp:include flush="true" page="left.jsp" />
                <!-- end of left content -->
                <div class="center_content" id="center_content">
                    <c:forEach var="p" items="${fn:getProduct(param.productId)}">
                        
                        <div class="center_title_bar">${p.productName}</div>
                        <div class="prod_box_big">

                            <div class="top_prod_box_big"></div>
                            <div class="center_prod_box_big">
                                <div class="product_img_big"> <a href="javascript:popImage('${p.picture}','Some Title')" title="header=[Zoom] body=[&nbsp;] fade=[on]"><img src="${p.picture}" alt="" border="0" width="115px" height="86px"/></a>
                                    <div class="thumbs"> <a href="#" title="header=[Thumb1] body=[&nbsp;] fade=[on]"><img src="images/thumb1.gif" alt="" border="0" /></a> <a href="#" title="header=[Thumb2] body=[&nbsp;] fade=[on]"><img src="images/thumb1.gif" alt="" border="0" /></a> <a href="#" title="header=[Thumb3] body=[&nbsp;] fade=[on]"><img src="images/thumb1.gif" alt="" border="0" /></a> </div>
                                </div>
                                <div class="details_big_box">
                                    <div class="product_title_big">${p.productName}</div>
                                    <div class="specifications"> Disponibilitate: <span class="blue">
                                            
                                        </span><br />
                                        Garantie: <span class="blue">24 luni</span><br />
                                        Tip transport: <span class="blue">Mic</span><br />
                                        Pretul include <span class="blue">TVA</span><br />
                                    </div>
                                    <div class="prod_price_big"><span class="reduce">${p.unitPrice}$</span> <span class="price">${p.unitPrice}$</span></div>
                                    <a href="" class="addtocart" onclick="addToCart(${p.productId})">add to cart</a> <a href="#" class="compare">compare</a> </div>
                            </div>
                            <div class="bottom_prod_box_big"></div>

                        </div>
                        <div class="center_title_bar"></div>
                    </c:forEach>
                </div>

                <!-- end of center content -->
                <jsp:include flush="true" page="right.jsp" />
                <!-- end of right content -->
            </div>
            <!-- end of main content -->
            <jsp:include flush="true" page="footer.jsp" />
        </div>
        <!-- end of main_container -->
    </body>
</html>
